$(function() {
    // 删除逻辑
    $(document).on('click', '[data-role="trDel"]', function() {
        $(this).closest('tr').remove();
    })

    // 上下移动
    $(document).on('click', '[data-role="trUp"]', function() {
        var _this = $(this).closest('tr');
        if(_this.prev()) {
            _this.prev().before(_this);
        }

    })
    $(document).on('click', '[data-role="trDown"]', function() {
        var _this = $(this).closest('tr');
        if(_this.next()) {
            _this.next().after(_this);
        }
    })

    $('[data-role="chooseSize"]').on('click',function () {
        var html = '<tr>\
                        <td>\
                            <input type="text"  value="">\
                        </td>\
                        <td>\
                            <input type="text" value="">\
                        </td>\
                        <td>\
                            <i class="ico-asc-float" data-role="trUp"></i>\
                            <i class="ico-desc-float" data-role="trDown"></i>\
                            <i class="ico-del-float" data-role="trDel"></i>\
                        </td>\
                    </tr>';
        $('[data-role="addStyle"] tbody').append(html);
    });
    $('[data-role="specShowType"] input').eq(0).attr('checked','checked');
    $('[data-role="specType"] input').eq(0).attr('checked','checked');

    $('[data-role="addStyleSubmit"]').on('click', function() {
        var specName = $('[data-role="specName"]').val().trim();
        if(specName == '') {
            alert('规格名称不能为空');
            return;
        }
        var specMemo = $('[data-role="specMemo"]').val().trim();
        var alias = $('[data-role="alias"]').val().trim();
        var specType = $('[data-role="specType"] input:checked').index();
        var specShowType = $('[data-role="specShowType"] input:checked').index();

        var specValuesJson = [];
        var apecTr = $('[data-role="addStyle"] tbody tr');
        for(var i = 0,len = apecTr.length;i < len;i++) {
            var obj = {};
            obj.specValue = apecTr.eq(i).find('input').eq(0).val().trim();
            obj.alias = apecTr.eq(i).find('input').eq(1).val().trim();
            obj.numOrder = i;
            obj.specImage = '';
            specValuesJson.push(obj);
        }
        console.log(specValuesJson)
        $.ajax({
            url: 'http://120.24.1.204:8080/specification/editSave',
            dataType: 'jsonp',
            data: {
                specName: specName,
                specMemo: specMemo,
                alias: alias,
                specType: specType,
                specShowType: specShowType,
                specValuesJson: specValuesJson
            },
            success: function(res) {

            },
            error: function() {
                alert('提交失败');
            }
        })
    })
})
